<script setup>
  import { ref } from "vue"
  import { useScroll } from "@/hooks/useScroll"

  const favorRef = ref()
  useScroll(favorRef)
</script>

<template>
  <div class="favor" ref="favorRef">
    <h2>favor</h2>
  </div>
</template>

<style lang="less" scoped>
  .favor {
    height: 300px;
    background-color: orange;
    overflow-y: auto;
  }
</style>